<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
    </h:head>
    <h:body>
        <h:panelGrid>
            <h1><h:outputText value="#{msgs.social}" /></h1>
            <h:outputLink id="lnk" value="http://www.twitter.com/AlePascual86">
                <h:outputText value="Twitter" />
            </h:outputLink>
            <p:tooltip for="lnk">
                <p:graphicImage value="resources/images/img_twitter.png" />
            </p:tooltip>
            <h:outputLink id="lnk2" value="http://www.facebook.com/london.sevilla">
                <h:outputText value="Facebook" />
            </h:outputLink>
            <p:tooltip for="lnk2">
                <p:graphicImage value="resources/images/img_facebook.png" />
            </p:tooltip>
        </h:panelGrid>
        
        <center>
            <h:outputLabel value="#{msgs.dominio}"/>
            <br/>
            <h:outputLabel value="#{msgs.direccion}"/>
            <br/>
            <h:outputLabel value="#{msgs.tlf}"/>
        </center>
        <h4 align="right"><h:outputLabel value="#{msgs.fecha}"/><p:clock pattern="dd/MM/yyyy" mode="server" /></h4>
        <h4 align="right"><h:outputLabel value="#{msgs.hora}"/><p:clock pattern="HH:mm:ss" mode="server" /></h4>
    </h:body>
</html>
